var imgList=[];
$(function(){

    var delParent;
    var defaults = {
        fileType         : ["jpg","png","bmp","jpeg"],   // 上传文件的类型
        fileSize         : 1024 * 1024 * 10                  // 上传文件的大小 10M
    };
    var curTabImg;
        /*点击图片的文本框*/
    $(".file").change(function(){
        var idFile = $(this).attr("id");
        var file = document.getElementById(idFile);
        var imgContainer = $(this).parents(".z_photo"); //存放图片的父亲元素
        var fileList = file.files; //获取的图片文件
        var input = $(this).parent();//文本框的父亲元素
        var imgArr = [];
        //遍历得到的图片文件
        var numUp = imgContainer.find(".up-section").length;
        var totalNum = numUp + fileList.length;  //总的数量
        if(fileList.length > 9 || totalNum > 9 ){
            alert("上传图片数目不可以超过9个，请重新选择");  //一次选择上传超过5个 或者是已经上传和这次上传的到的总数也不可以超过5个
        }
        else if(numUp < 9){
            fileList = validateUp(fileList);
            for(var i = 0;i<fileList.length;i++){
             var imgUrl = window.URL.createObjectURL(fileList[i]);
                 imgArr.push(imgUrl);
                 imgList.push(fileList[i])
             var $section = $("<section class='up-section fl loading'>");
                 imgContainer.prepend($section);
             var $span = $("<span class='up-span'>");
                 $span.appendTo($section);
            
             var $img0 = $("<img class='close-upimg'>").on("click",function(event){
                    curTabImg=$(this).parent()[0].textContent;
                    event.preventDefault();
                    event.stopPropagation();
                    $(".works-mask").show();
                    delParent = $(this).parent();
                });   
                $img0.attr("src","../img/a7.jpg").appendTo($section);
             var $img = $("<img class='up-img up-opcity'>");
                 $img.attr("src",imgArr[i]);
                 $img.appendTo($section);
             var $p = $("<p class='img-name-p'>");
                 $p.html(fileList[i].name).appendTo($section);
             var $input = $("<input id='taglocation' name='taglocation' value='' type='hidden'>");
                 $input.appendTo($section);
             var $input2 = $("<input id='tags' name='tags' value='' type='hidden'/>");
                 $input2.appendTo($section);
              
           }
        }
        console.log(imgList)
        setTimeout(function(){
             $(".up-section").removeClass("loading");
             $(".up-img").removeClass("up-opcity");
         },450);
         numUp = imgContainer.find(".up-section").length;
        if(numUp >= 9){
            $(this).parent().hide();
        }
        
        //input内容清空
        $(this).val("");
    });
    
    
   
    $(".z_photo").delegate(".close-upimg","click",function(){
          $(".works-mask").show();
          delParent = $(this).parent();
          console.log('adsd')
    });
        
    $(".wsdel-ok").click(function(){
        $(".works-mask").hide();
        for (var i = 0; i < imgList.length; i++) {
          if(imgList[i].name==curTabImg){
                 imgList.splice((i-1),1);
                 console.log(imgList)
          }
         }
        var numUp = delParent.siblings().length;
        if(numUp < 10){
            delParent.parent().find(".z_file").show();
        }
         delParent.remove();
        
    });
    
    $(".wsdel-no").click(function(){
        $(".works-mask").hide();
    });
        
        function validateUp(files){
            var arrFiles = [];//替换的文件数组
            for(var i = 0, file; file = files[i]; i++){
                //获取文件上传的后缀名
                var newStr = file.name.split("").reverse().join("");
                if(newStr.split(".")[0] != null){
                        var type = newStr.split(".")[0].split("").reverse().join("");
                        console.log(type+"===type===");
                        if(jQuery.inArray(type, defaults.fileType) > -1){
                            // 类型符合，可以上传
                            if (file.size >= defaults.fileSize) {
                                $('#ceng').modal('open');
                                $('#info-text').html('您这个"'+ file.name +'"文件大小过大');
                                window.setTimeout(function(){
                                  $('#ceng').modal('close');
                                },800)  
                            } else {
                                // 在这里需要判断当前所有文件中
                                arrFiles.push(file);    
                            }
                        }else{
                            $('#ceng').modal('open');
                            $('#info-text').html('您这个"'+ file.name +'"上传类型不符合');
                                window.setTimeout(function(){
                                  $('#ceng').modal('close');
                            },800) 
                        }
                    }else{
                        alert(); 
                        $('#ceng').modal('open');
                        $('#info-text').html('您这个"'+ file.name +'"没有类型, 无法识别');
                                window.setTimeout(function(){
                                  $('#ceng').modal('close');
                        },800)    
                    }
            }
            return arrFiles;
        }
})
/*上传图片*/
function uploadImgs(id,relevanceTpyeId){
    var formData=new FormData();
    for(var i=0;i<imgList.length;i++){
        if(i==0){
            formData.append("imageFile",imgList[0]);
            formData.append("relevanceTpyeDetail",0);
        }else{
            formData.append("imageFile"+(i+1)+"",imgList[i]);
            formData.append("relevanceTpyeDetail"+(i+1)+"",0);
        }
    }
    formData.append("relevanceId",id);
    formData.append("relevanceTpyeId",relevanceTpyeId);
    $.ajax({
        url: ym.url+"/uploadVideoAndImage",
        type : "post",
        processData: false,
        contentType: false,
        data: formData,
        success : function(data) {
        	console.log(data.res);
        	if(data.res == 1){
        		$('#my-modal-loading').modal('close');
              		$('#ceng').modal('open');
              		var zhi = $('#ceng #info-text').html();
                    window.setTimeout(function(){
	                    $('#ceng').modal('close');
	                    	if(zhi == "发表成功"){
	                    		window.location.href='taolunhuodong.html';
	                    	}else{
	                    		window.location.href='askDoctor.html';
	                    	}
	                 },800)
	                  
        	}else{
        		$('#my-modal-loading').modal('close');
        		setTimeout(function(){
        			$('#ceng').modal('open');
        			window.setTimeout(function(){
        			var zhi = $('#ceng #info-text').html();	
                    $('#ceng').modal('close');
                    	if(zhi == "发表成功"){
                    		window.location.href='taolunhuodong.html';
                    	}else{
                    		window.location.href='askDoctor.html';
                    	}
                   },800)
        		})
        	}
            
         },
        error: function (data) {
            console.log(data);
        }
    });
}
